new Vue({
    el: "#app",
    data:{
        message: '',
        checked: false
    }
})

new Vue({
    el: '#example-3',
    // data里如果使数组，那么选项框就会添加value
    // 如果是true/false，那么选项框就只会改变布尔值
    data: {
        checkedNames: []
    }
})


new Vue({
    el: '#example-4',
    data: {
        // 单选按钮用 '' string
        // 多选用数组
        picked: ''
    }
  })


  new Vue({
    el: '#example-5',
    data: {
      selected: ''
    }
  })

  new Vue({
    el: '#example-6',
    data: {
      selected: []
    }
  })

  new Vue({
    el: '#app2',
    data: {
      selected: 'A',
      options: [
        { text: 'One', value: 'A' },
        { text: 'Two', value: 'B' },
        { text: 'Three', value: 'C' }
      ]
    }
  })

var vm3 = new Vue({
    el: '#app3',
    data:{
        picked: 'b',
        toggle: false,
        selected: [],
    },
})

var vm4 = new Vue({
    el: "#app4",
    data:{
        toggle: 'yes'
    }
})

var vm5 = new Vue({
    el: "#app5",
    data: {
        pick: '',
        a: 'Are you Ok?',
        selected: [],
    }
})

var vm6 = new Vue({
    el: "#app6",
    data:{
        msg: "001",
        age: 18,
        msg1: "i am chinese"
    }
})